<template>
    <a-space :wrap="true" :size="10" style="margin: 7px 15px">
        <a-tag  @click="toLink(item.url)":color="item.color" v-for="item in outsideLinkOptions" class="outlink" style="cursor:pointer">
            {{item.title}}
            <template #icon>
      <LinkedinOutlined />
    </template>
        </a-tag>
    </a-space>
</template>
<script lang="ts" setup>
import {
  LinkedinOutlined,
} from '@ant-design/icons-vue';
const toLink = (url:string)=>{
    window.open(url,'_blank')
}
const outsideLinkOptions = [
    {
        title:"微服务监控",
        url:"http://192.168.1.87:8500/ui/dc1/services",
        color:"#b5b057"
    },
    {
        title:"运维后台",
        url:"http://hk.74g.net:9200/v2admin",
        color:"#55acee"
    },
    {
        title:"新运维端",
        url:"http://ab.baidu.com/apps/yunwei_manage/dist/#/",
        color:"#ccaaff"
    },
    {
        title:"应用地图",
        url:"http://192.168.1.113:5100/#/",
        color:"#b5b057"
    },
    {
        title:"词库",
        url:"http://192.168.1.113:5100/#/keyword",
        color:"#3b5999"
    },
    {
        title:"内容神器",
        url:"http://www.nrsq.com/#/",
        color:"#51bccc"
    },
    {
        title:"运营端-竞争对手",
        url:"http://dg.baidu.com/#/index_page/compete/compete",
        color:"#e9a224"
    },
    {
        title:"ES通用操作",
        url:"#/esArticle/es-action",
        color:"#11b541"
    },
    {
        title:"索引管理",
        url:"#/esArticle/index-management",
        color:"#116541"
    },
    {
        title:"百斗源-80",
        url:"http://192.168.1.80:38080/#/",
        color:"#11b541"
    },
    {
        title:"百斗源-sz阿里云11",
        url:"http://172.16.0.11:38080/#/",
        color:"#51bccc"
    },
    {
        title:"百斗泛-114",
        url:"http://192.168.1.114:37070/fanv1/front/#/",
        color:"#11b541"
    },
    {
        title:"百斗Mini泛-88",
        url:"http://192.168.1.88:37070/fanv1/front/#/",
        color:"#116541"
    },
    {
        title:"百斗白克隆-82",
        url:"http://192.168.1.82:31010/fanv2/front/#/",
        color:"#116541"
    },
]
</script>

<style lang="scss" scoped>
    .outlink{
        user-select: none;
    }
    .outlink:hover{
        border: 1px solid rgba($color: #000000, $alpha:.4);
    }
</style>
